Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[HTML] Image de fond prennant toute la place.

Mr.White, le lundi 16 juin 2003 à 15:16:47
Salut à tous !!!
Je cherche tellement que j'en oublie ce que je voulais vous demander... Aah ! Ca y est, ca me reviend ! ...

Et d'ailleur je suis étonné de ne pas avoir trouvé !!!

Comment faire pour qu'une image en fond de celulle de table (ou de page html) ne soit pas en mosaïque ???

Je suis certain que la réponse est toute bête mais je ne la trouve pas.

Merci d'avance pour votre aide.
Répondre à Mr.White  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lasngc, le lundi 16 juin 2003 à 15:21:59
tu as raison c'est tout bête mais seul Explorer et Opera le comprenne. Sur Nescape ca ne devrait pas marcher.

Tu fais une feuille de style où tu mets :

background-image:machin.jpg;
background-repeat:no-repeat;

mets le dans une feuille de style associée à un élément précis évidemment. Je n'ai jamais testé la chose dans un tableau mais essaye c'est possible que ce soit la solution.
Répondre à lasngc

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lagassat, le lundi 16 juin 2003 à 15:26:42
Dans le même esprit, tu as ca :

<body ....... style="background-repeat : no-repeat;">

je sais que ca s'applique pour l'image de fond d'une page, peut-être que ca marche pour une cellule de tableau.

"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"
Répondre à lagassat

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lagassat, le lundi 16 juin 2003 à 15:27:58
c ca de faire plein de choses en même temps, la reponse a deja ete donnée... :-)

"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"
Répondre à lagassat

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lasngc, le lundi 16 juin 2003 à 15:28:06
belle sitation.

Ba voilà deux méthodes, ca devrait t'aller.
Répondre à lasngc

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lagassat, le lundi 16 juin 2003 à 15:31:34
Comme tu l'as dit, il a tout...

La citation est de A. Einstein.

ciao
"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"
Répondre à lagassat

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Mr.White, le lundi 16 juin 2003 à 15:43:00
Merci beaucoup pour votre aide. Mais j'ai une autre petite question à vous poser.

Habituellement j'utilise, pour les feuille de styles un fichier à part mais je crains que pour cette fois je ne pourrai pas ( j'attend que vous me le confirmiez) car je programme en php et l'image que je veut affiché en fond est dynamique. Je ne peut donc pas, je pense, récupérer son nom dans ma feuille de style, je devrai donc définir le style de ma cellule directement dans le code html (généré par du php).

Ai-je bien saisi la chose ?
Répondre à Mr.White

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lasngc, le lundi 16 juin 2003 à 15:51:40
En effet la question est intéressante. MOui en effet si l'image change à chaque fois grâce à GD, la solution la plus simple serait de faire une feuille interne.

Sinon il y a la solution d'appeler un script php en nom d'image peut être dans ta feuille de style. Mais il faudra procéder différemment.

Un conseil mets ca en interne si tu te sens pas trop chaud.
Répondre à lasngc

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lagassat, le lundi 16 juin 2003 à 15:55:00
Là je peux pas t'aider. Je n'ai pas plus d'idee que toi.
dsl ;-)
"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"
Répondre à lagassat

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Mr.White, le lundi 16 juin 2003 à 16:07:27
Je l'ai mis en interne mais ca ne change rien. (mais je ne suis pas sûre de la syntaxe). J'ai mis ceci :

<td align="center" background=" '.$lien.' " style="background-repeat:no-repeat\;">

j'ai testé aussi ceci :

<td align="center" background=" '.$lien.' " style="background-image:'.$lien.'\; background-repeat:no-repeat\;">


Ni l'un ni l'autre ne fonctionne.
Répondre à Mr.White

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lagassat, le lundi 16 juin 2003 à 16:13:06
Pourquoi le \ à la fin du no-repeat ?
mais je pense pas que ca change quoi que ce soit.

"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"
Répondre à lagassat

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
lasngc, le lundi 16 juin 2003 à 16:16:04
apparemment si ca ne marche pas sur explorer c'est que ca ne doit pas fonctionner sur les tableaux. Essaye de tromper en agrandissement ta taille de l'image et en mettant du blanc pour complèter.

Si tu utilises la GD il suffit d'agrandir l'espace de travail à la base de sa création.
Répondre à lasngc

12


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
PhP, le lundi 16 juin 2003 à 22:51:33
Bsr Mr. White

Voici un ex qui fonctionne sous IE , NS 4.7 et NS 6

<html> 

<head>

<style>
.fond
{
background-image:url("mon_image.jpg");
background-repeat:no-repeat;
}
</style>

</head>
<body>

<table border=1>
<tr >
<td height=50 width=100 style="background-image:url('mon_image.jpg');background-repeat:no-repeat;">CELLULE</td>
</tr>
</table>


<table border=1>
<tr >
<td height=50 width=100 class="fond">CELLULE</td>
</tr>
</table>

</body>
</html>



Tu peux soit mettre le code au niveau de la balise <TD>,

soit utiliser un style et y faire référence via class=nom_style (méthode que je préfère car tout est centralisé)

En PHP tu peux faire :
...

<style>
.fond
{
background-image:url("<?php echo $image;?>");
background-repeat:no-repeat;
}
</style>
...




PhP    [Push the button,Don't push the
.         button,Trip the station,Change the channel]
Répondre à PhP

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Mr.White, le mardi 17 juin 2003 à 10:38:44
Alors que tout le monde désespéré, PhP survint et nous apporta la solution.

Merci PhP ca fonctionne. J'ai utiliser la deuxième méthode, c'est à dire celle-ci :

<td align="center" style="background-image:url(\''.$lien.'\');background-repeat:no-repeat;">

J'ai utiliser cette méthode car je fais appel à des include au beau millieu de mes page html et donc lorsque le code s'éffectu, l'entête de page est déjà faite.

Mais le résultat n'est pas exactement celui que je souhaité. En faite j'éspèré encore mieux. Car ce coup ci il n'y a qu'une image, mais je ne la vois pas en entier.
J'aimerai donc savoir ci on peut faire en sorte que soit la cellule s'agrandi en fonction de la taille de l'image (donc que la cellule à la même taille que l'image), soit que l'image raptissi mais en faite c'est nulle donc ne prennez en compte que ma première proposition : la taille de la cellule ce module à la taille de l'image.
Répondre à Mr.White

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Mr.White, le mardi 17 juin 2003 à 10:56:07
Deuxième petit problème. Finalement je me suis dis que je pouvais avoir une image fixe et ce qui sera dynamique c'est ce que j'écrirai sur l'image. J'ai donc dans l'idée d'écirer dans ma feuille de style où j'écris :

TD.process { background-image:image/process/avantVente.gif; background-repeat:no-repeat; }

Mais ca ne fonctionne pas.
Bien entendu dans mon code il y a ce-ci:

<td class="process">
Répondre à Mr.White

15


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
siin, le mardi 7 août 2007 à 18:08:43
TD.process { background-image:image/process/avantVente.gif; background-repeat:no-repeat; }

met ca à la place:

TD.process { background-image:url(image/process/avantVente.gif); background-repeat:no-repeat; }
Répondre à siin

18


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Ardec, le lundi 4 août 2008 à 22:54:34
TD.process { background-image:url(image/process/avantVente.gif); background-repeat:no-repeat; }

il faut mettre

TD.process { background-image:url("image/process/avantVente.gif"); background-repeat:no-repeat; }

normalement ici le code est bon :)
Répondre à Ardec

16


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
krisna, le mardi 4 décembre 2007 à 13:46:05
<img src="lotuce.jpg" alt="une fleur lotuce">
malgré tout ca l'image ne s'affiche pas dans le navigateur,j'etilise firefox et internet, aide moi s'il vous plais
comment affiché une image sur le navigateur?
merci
Répondre à krisna

17


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
cigale83, le mardi 22 janvier 2008 à 14:29:44
BONJOUR
a tu eu une réponse

pour ton probleme
A<img src="lotuce.jpg" alt=" une fleur lotuce"> ICI IL MANQUE LE http

car moi je fais comme çà......


regarde bien.... < img src="http://......................"/>

ATTENTION entre le g et le s il y a un espace et juste après // ton adresse de ton image ou GIF


CIGALE83
Répondre à cigale83
[html] Image en pleine écran (Résolu) Bonjour à tous, j'ai quelques difficultés à faire mon site internet. J'aimerais que ma premiere page soit une image qui prenne tout l'écran. Et j'aimerais bien qu'il y ait un petit texte qui suive le pointeur de ma sourir.... www.commentcamarche.net/forum/affich-2911780-html-image-en-pleine-ecran
Changer le fond de la page google (Résolu) Bonsoirà tous , Je voudrais changer ma page blanche( google ) et mettre un fond d'ecran ou image à la place, si quelqu'un peut me donner un petit conseil il sera le bienvenue. Merci à tous et bonne soirèe. anubis82. www.commentcamarche.net/forum/affich-4047363-changer-le-fond-de-la-page-google
Puce sous html (Résolu) Salut à tous, je developpe les pages sous bloc-note! J'aimerai faire une liste sous html, avec à la place des puces une image, je sais que l'on peut le faire mais je ne trouve pas l'option des balises à utiliser. Merci www.commentcamarche.net/forum/affich-32829-puce-sous-html
[Aspirateur de pages HTML] Comment aspirer un site Web ?HTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur... www.commentcamarche.net/faq/sujet-2658-aspirateur-de-pages-html-comment-aspirer-un-site-web
[mythes] On peut protéger une page web/une image contre la copieMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page... www.commentcamarche.net/faq/sujet-3134-mythes-on-peut-proteger-une-page-web-une-image-contre-la-copie
Des fonds d'écran à volontéVous recherchez des fonds d'écran ? Voici des sources intarissables d'images belles et originales: Flickr Allez sur http://www.flickrleech.net/ et cliquez sur le bouton GO. Attendez un peu, et voilà des tas de belles images. Cliquez sur une... www.commentcamarche.net/faq/sujet-6822-des-fonds-d-ecran-a-volonte
[XP] Fond d'ecran HTML (Résolu)Bonsoir, sa fait bien depuis deux heure que je cherche pour savoir si on peux mettre une page HTML en fond d'ecran de XP _ J'ai vu sa chez FABERGAMERS, Dans un CYBER-CAFE ... Doonc j'aurai voulu faire pareil, merci d'avance www.commentcamarche.net/forum/affich-7983430-xp-fond-d-ecran-html
Problème centrage design (Résolu)Bonjour, IE 7 n'arrive pas à center mon contenu alors que firefox le fait correctement. CSS : body { width: 900px; margin: auto; margin-top: 15px; margin-bottom: 15px; background-image: url(images/fond.jpg); } HTML: www.commentcamarche.net/forum/affich-5265987-probleme-centrage-design
Personalisation msn (Résolu)Bonjour, j'aurais aimé savoir comment on peu faire pour changer l'écran de connexion de msn(mettre une image a la place du fond de couleur), cordialement, thomas www.commentcamarche.net/forum/affich-6193262-personalisation-msn
Télécharger Colour SpyAvec "Coulour Spy", vous pourrez sélectionner n’importe quelle couleur sur n’importe quelle fenêtre affichée à l’écran et le transformer en code hexadécimal, ce qui est très pratique pour assurer un fondu d’image sur le fond d’une page web. Pourvu... www.commentcamarche.net/telecharger/telecharger-34056659-colour-spy
Les arrière-plansInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière... www.commentcamarche.net/contents/html/htmlfond.php3